<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>发布投稿</title>
		<link rel="stylesheet" type="text/css" href="./css/css.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<style type="text/css">
			.main_fenqu{
				margin: 10px;
				width: 200px;
				float: left;
			}
			.button{
				width: 150px;
				float: left;
				margin-top: 35px;
			}
			.form-control{
				width: 150px;
			}
			.main_neirou{
				margin: 0;
				padding: 0;
				width: 700px;
				height: 400px;
				margin-top: 200px;
				margin-left: 140px;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<div class="container">
				<div class="logo" style="float: left;margin-right:0px ">
					<img src="./img/winter_tree.png">
				</div>
				<div class="title">
					<ul>
						<m>针不戳</m>
					</ul>
				</div>
				<div class="index">
					<ul>
						<li class="top_sub" ><a href="index.html" class="link"><n>主页</n></a></li>
						<li class="top_sub"><a href="UserCenter.html" class="link1" ><n>个人中心</n></a></li>
						<li class="top_sub"><a href="UpMassage.html" class="link1" style="background-color: #04c3e0;"><n>发布投稿</n></a></li>
					</ul>
				</div>
				<div class="login">
					<ul>
						<li>
							<img src="./img/登录.png" style="width: 20px;">
							<a href="login.html"><n>登录</n></a>
						</li>
						<li>
							<n>/</n>
						</li>
						<li>
							<a href="register.html"><n>注册</n></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="massage">
			<div id="main">
				<div class="main_fabu">
					<div class="main_fenqu">
						<label>选择分区：</label>
						<select class="form-control">
							<option value="失物招领">失物招领</option>
							<option value="闲置转让">闲置转让</option>
							<option value="提问">提问</option>
							<option value="表白">表白</option>
							<option value="组队">组队</option>
							<option value="吐槽">吐槽</option>
						</select>
					</div>
					<div class="button" style="float: left;width: 300px;">
						<button class="btn btn-success" @click="add">插入图片</button>
						<button class="btn btn-warning" @click="add">保存</button>
						<button class="btn btn-info" @click="add">发布</button>
						<button class="btn btn-primary" @click="add">匿名发布</button>
					</div>
				</div>
				<div class="massage_neirou">
					<label></label>
					<textarea name="content" id="content" placeholder="在这里输入投稿内容哦~" style="width: 980px;height: 250px;margin-left: 10px;"></textarea>
				</div>
			</div>
		</div>
	</body>
</html>

